@import "variables";


.about-container {
    @include page-height;
    @include container-bg-image;
}


.about-main {
    max-width: $about-page-width;
    margin: 0 auto 2.25rem;
    padding-left: $card-between-distance / 2;
    padding-right: $card-between-distance / 2;
}


.about-part {
    margin-top: 3.5rem;
}


.about-para {
    $about-para-line-height: 21px;

    display: flex;
    margin-bottom: $about-para-line-height;

   &-symbol {
       @include circle-symbol;
       background-color: $bg-red-light;
       margin-top: 0.375rem;
       margin-bottom: auto;
       margin-left: 0;
       margin-right: 0.75rem;
   }

   &-text{
       line-height: $about-para-line-height;
       margin: 0;
       text-align: left;
   }
}





.citation {

    

    &-format {
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
    }
}

footer {
    padding: 0.625rem 0;
    background-color: $bg-yellow-light;

    .footer-text {
        @include plain-text;
        color: $font-black;
        opacity: 50%;
        width: $about-page-width;
        text-align: center;
        line-height: 1.625rem;
        margin: 0 auto;
    }
}